<template>
  <view class="coming-soon-container">
    <view class="content">
      <text class="title">敬请期待</text>
      <text class="subtitle">此功能正在努力开发中...</text>
    </view>
  </view>
</template>

<script>
export default {
  name: 'ComingSoon', // 页面名称，方便识别
  data() {
    return {};
  },
  onLoad(options) {
    // 可以接收从上一个页面传递过来的参数，例如要显示的页面标题
    console.log('ComingSoon Page Loaded with options:', options);
    // 例如: this.pageTitle = options.title || '此功能';
  },
  methods: {}
};
</script>

<style>
page {
  background-color: #f5f5f5; 
  height: 100%;
}

.coming-soon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
}

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40rpx;
}

.title {
  font-size: 48rpx;
  font-weight: bold;
  color: #007AFF; 
  margin-bottom: 20rpx;
}

.subtitle {
  font-size: 32rpx;
  color: #666;
}

</style>